<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="/static/itemindex/scss/shop.css"/>
    <link rel="stylesheet" type="text/css" href="/static/itemindex/scss/jd.css"/>
    <link rel="stylesheet" href="/static/itemindex/scss/header.css"/>
    <link rel="stylesheet" type="text/css" href="/static/itemindex/bootstrap/css/bootstrap.css"/>
</head>
<body>
<div id="max">
    <header>
        <!--品牌官方网站-->
        <div class="min">
            <ul class="header_ul_left">
                <li class="glyphicon glyphicon-home"><a href="http://meimeistore.com" class="aa">商城首页</a></li>
                <li class="glyphicon glyphicon-map-marker"><a href="/static/itemindex/javascript:;">北京</a>
                    <ol id="beijing">
                        <li style="background: red;"><a href="/static/itemindex/javascript:;"
                                                        style="color: white;">北京</a></li>
                        <li><a href="/static/itemindex/javascript:;">上海</a></li>
                        <li><a href="/static/itemindex/javascript:;">天津</a></li>
                        <li><a href="/static/itemindex/javascript:;">重庆</a></li>
                        <li><a href="/static/itemindex/javascript:;">河北</a></li>
                        <li><a href="/static/itemindex/javascript:;">山西</a></li>
                        <li><a href="/static/itemindex/javascript:;">河南</a></li>
                        <li><a href="/static/itemindex/javascript:;">辽宁</a></li>
                        <li><a href="/static/itemindex/javascript:;">吉林</a></li>
                        <li><a href="/static/itemindex/javascript:;">黑龙江</a></li>
                        <li><a href="/static/itemindex/javascript:;">内蒙古</a></li>
                        <li><a href="/static/itemindex/javascript:;">江苏</a></li>
                        <li><a href="/static/itemindex/javascript:;">山东</a></li>
                        <li><a href="/static/itemindex/javascript:;">安徽</a></li>
                        <li><a href="/static/itemindex/javascript:;">浙江</a></li>
                        <li><a href="/static/itemindex/javascript:;">福建</a></li>
                        <li><a href="/static/itemindex/javascript:;">湖北</a></li>
                        <li><a href="/static/itemindex/javascript:;">湖南</a></li>
                        <li><a href="/static/itemindex/javascript:;">广东</a></li>
                        <li><a href="/static/itemindex/javascript:;">广西</a></li>
                        <li><a href="/static/itemindex/javascript:;">江西</a></li>
                        <li><a href="/static/itemindex/javascript:;">四川</a></li>
                        <li><a href="/static/itemindex/javascript:;">海南</a></li>
                        <li><a href="/static/itemindex/javascript:;">贵州</a></li>
                        <li><a href="/static/itemindex/javascript:;">云南</a></li>
                        <li><a href="/static/itemindex/javascript:;">西藏</a></li>
                        <li><a href="/static/itemindex/javascript:;">陕西</a></li>
                        <li><a href="/static/itemindex/javascript:;">甘肃</a></li>
                        <li><a href="/static/itemindex/javascript:;">青海</a></li>
                        <li><a href="/static/itemindex/javascript:;">宁夏</a></li>
                        <li><a href="/static/itemindex/javascript:;">新疆</a></li>
                        <li><a href="/static/itemindex/javascript:;">港澳</a></li>
                        <li><a href="/static/itemindex/javascript:;">台湾</a></li>
                        <li><a href="/static/itemindex/javascript:;">钓鱼岛</a></li>
                        <li><a href="/static/itemindex/javascript:;">海外</a></li>
                    </ol>
                </li>
            </ul>
            <ul class="header_ul_right">
                <li style="border: 0;">
                    <a th:if="${session.loginUser==null}" href="http://auth.meimeistore.com/login.html"
                       class="aa">你好，请登录</a>
                    <a th:if="${session.loginUser!=null}" style="width: 150px"> 你好
                        [[${session.loginUser==null?'':session.loginUser.username}]]</a>
                </li>
                <li>
                    <a href="http://auth.meimeistore.com/register.html" style="color: red;"
                       th:if="${session.loginUser==null}">免费注册</a> |
                </li>
                <li>
                    <a href="/static/itemindex/javascript:;" class="aa">我的订单</a> |
                </li>
                <li class="jingdong"><a href="/static/itemindex/javascript:;">我的京东</a><span
                        class="glyphicon glyphicon-menu-down">|</span>
                    <ol class="jingdong_ol">
                        <li><a href="/static/itemindex/javascript:;">待处理订单</a></li>
                        <li><a href="/static/itemindex/javascript:;">消息</a></li>
                        <li><a href="/static/itemindex/javascript:;">返修退换货</a></li>
                        <li><a href="/static/itemindex/javascript:;">我的回答</a></li>
                        <li><a href="/static/itemindex/javascript:;">降价商品</a></li>
                        <li><a href="/static/itemindex/javascript:;">我的关注</a></li>
                        <li style="width: 100%;height: 1px;background: lavender;margin-top: 15px;"></li>
                        <li style="margin-top: 0;"><a href="/static/itemindex/javascript:;">我的京豆</a></li>
                        <li style="margin-top: 0;"><a href="/static/itemindex/javascript:;">我的优惠券</a></li>
                        <li style="margin-bottom: 10px;"><a href="/static/itemindex/javascript:;">我的白条</a></li>

                    </ol>
                </li>

                <li><a href="/static/itemindex/javascript:;" class="aa">京东会员</a> |</li>
                <li><a href="/static/itemindex/javascript:;" class="aa">企业采购</a> |</li>
                <li class="fuwu"><a href="/static/itemindex/javascript:;">客户服务</a><span
                        class="glyphicon glyphicon-menu-down"></span> |
                    <ol class="fuwu_ol">
                        <h6>客户</h6>
                        <li><a href="/static/itemindex/javascript:;">帮助中心</a></li>
                        <li><a href="/static/itemindex/javascript:;">售后服务</a></li>
                        <li><a href="/static/itemindex/javascript:;">在线客服</a></li>
                        <li><a href="/static/itemindex/javascript:;">意见建议</a></li>
                        <li><a href="/static/itemindex/javascript:;">电话客服</a></li>
                        <li><a href="/static/itemindex/javascript:;">客服邮箱</a></li>
                        <li style="margin-bottom: -5px;"><a href="/static/itemindex/javascript:;">金融咨询</a></li>
                        <li style="margin-bottom: -5px;"><a href="/static/itemindex/javascript:;">售全球客服</a></li>
                        <h6 style="border-top: 1px dashed darkgray;height: 30px;line-height: 30px;">商户</h6>
                        <li style="margin-top: -5px;"><a href="/static/itemindex/javascript:;">合作招商</a></li>
                        <li style="margin-top: -5px;"><a href="/static/itemindex/javascript:;">学习中心</a></li>
                        <li><a href="/static/itemindex/javascript:;">商家后台</a></li>
                        <li><a href="/static/itemindex/javascript:;">京麦工作台</a></li>
                        <li><a href="/static/itemindex/javascript:;">商家帮助</a></li>
                        <li><a href="/static/itemindex/javascript:;">规则平台</a></li>
                    </ol>
                </li>
                <li class="daohang"><a href="/static/itemindex/javascript:;">网站导航</a><span
                        class="glyphicon glyphicon-menu-down"></span> |
                    <ol class="daohang_ol">
                        <li style="width: 34%;">
                            <h5>特色主题</h5>
                            <p>
                                <a href="/static/itemindex/javascript:;">京东试用</a>
                                <a href="/static/itemindex/javascript:;">京东金融</a>
                                <a href="/static/itemindex/javascript:;">全球售</a>
                                <a href="/static/itemindex/javascript:;">国际站</a>
                            </p>
                            <p>
                                <a href="/static/itemindex/javascript:;">京东会员</a>
                                <a href="/static/itemindex/javascript:;">京东预售</a>
                                <a href="/static/itemindex/javascript:;">买什么</a>
                                <a href="/static/itemindex/javascript:;">俄语站</a>
                            </p>
                            <p>
                                <a href="/static/itemindex/javascript:;">装机大师</a>
                                <a href="/static/itemindex/javascript:;">0元评测</a>
                                <a href="/static/itemindex/javascript:;">定期送</a>
                                <a href="/static/itemindex/javascript:;">港澳售</a>
                            </p>
                            <p>
                                <a href="/static/itemindex/javascript:;">优惠券</a>
                                <a href="/static/itemindex/javascript:;">秒杀</a>
                                <a href="/static/itemindex/javascript:;">闪购</a>
                                <a href="/static/itemindex/javascript:;">印尼站</a>
                            </p>
                            <p>
                                <a href="/static/itemindex/javascript:;">京东金融科技</a>
                                <a href="/static/itemindex/javascript:;">In货推荐</a>
                                <a href="/static/itemindex/javascript:;">陪伴计划</a>
                                <a href="/static/itemindex/javascript:;">出海招商</a>
                            </p>
                        </li>
                        <li>
                            <h5>行业频道</h5>
                            <p>
                                <a href="/static/itemindex/javascript:;" class="aa_2">手机</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">智能数码</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">玩3C</a>
                            </p>
                            <p>
                                <a href="/static/itemindex/javascript:;" class="aa_2">电脑办公</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">家用电器</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">京东智能</a>
                            </p>
                            <p>
                                <a href="/static/itemindex/javascript:;" class="aa_2">服装城</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">美妆馆</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">家装城</a>
                            </p>
                            <p>
                                <a href="/static/itemindex/javascript:;" class="aa_2">母婴</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">食品</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">运动户外</a>
                            </p>
                            <p>
                                <a href="/static/itemindex/javascript:;" class="aa_2">农资频道</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">整车</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">图书</a>
                            </p>
                        </li>
                        <li>
                            <h5>生活服务</h5>
                            <p>
                                <a href="/static/itemindex/javascript:;" class="aa_2">京东众筹</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">白条</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">京东金融APP</a>
                            </p>
                            <p>
                                <a href="/static/itemindex/javascript:;" class="aa_2">京东小金库</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">理财</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">智能家电</a>
                            </p>
                            <p>
                                <a href="/static/itemindex/javascript:;" class="aa_2">话费</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">水电煤</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">彩票</a>
                            </p>
                            <p>
                                <a href="/static/itemindex/javascript:;" class="aa_2">旅行</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">机票酒店</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">电影票</a>
                            </p>
                            <p>
                                <a href="/static/itemindex/javascript:;" class="aa_2">京东到家</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">京东众测</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">游戏</a>
                            </p>
                        </li>
                        <li style="border: 0;">
                            <h5>更多精选</h5>
                            <p>
                                <a href="/static/itemindex/javascript:;" class="aa_2">合作招商</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">京东通信</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">京东E卡</a>
                            </p>
                            <p>
                                <a href="/static/itemindex/javascript:;" class="aa_2">企业采购</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">服务市场</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">办公生活馆</a>
                            </p>
                            <p>
                                <a href="/static/itemindex/javascript:;" class="aa_2">乡村招募</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">校园加盟</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">京友邦</a>
                            </p>
                            <p>
                                <a href="/static/itemindex/javascript:;" class="aa_2">京东社区</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">智能社区</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2">游戏社区</a>
                            </p>
                            <p>
                                <a href="/static/itemindex/javascript:;" class="aa_2">知识产权维权</a>
                                <a href="/static/itemindex/javascript:;" class="aa_2"></a>
                                <a href="/static/itemindex/javascript:;" class="aa_2"></a>
                            </p>
                        </li>
                    </ol>
                </li>
                <li class="sjjd" style="border: 0;"><a href="/static/itemindex/javascript:;" class="aa">手机京东</a>
                    <div class="er">
                        <div class="er_1">
                            <div class="er_1_1">
                                <h6><a href="/static/itemindex/#">手机京东</a></h6>
                                <p>新人专享大礼包</p>

                            </div>
                        </div>
                        <div class="er_1">
                            <div class="er_1_1">
                                <h6><a href="/static/itemindex/#">关注京东微信</a></h6>
                                <p>微信扫一扫关注新粉最高180元惊喜礼包</p>
                            </div>
                        </div>
                        <!--我的理财-->
                        <div class="er_1" style="border: 0;">
                            <img src="/static/itemindex/img/5874a555Ne8192324.jpg"/>
                            <div class="er_1_1">
                                <h6><a href="/static/itemindex/#">京东金融客户端</a></h6>
                                <p>新人专享大礼包</p>
                                <div><a href="/static/itemindex/#"><img src="/static/itemindex/img/11.png"/></a><a
                                        href="/static/itemindex/#"><img src="/static/itemindex/img/22.png"/></a></div>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </header>
    <nav>
        <div class="nav_min">
            <div class="nav_top">
                <div class="nav_top_one"><a href="/static/itemindex/#"><img src="/static/itemindex/img/111.png"/></a>
                </div>
                <div class="nav_top_two"><input type="text"/>
                    <button>搜索</button>
                </div>
                <div class="nav_top_three"><a href="http://cart.meimeistore.com/cartList.html">我的购物车</a><span
                        class="glyphicon glyphicon-shopping-cart"></span>
                    <div class="nav_top_three_1">
                        <img src="/static/itemindex/img/44.png"/>购物车还没有商品，赶紧选购吧！
                    </div>
                </div>
            </div>
            <div class="nav_down">
                <ul class="nav_down_ul">
                    <li class="nav_down_ul_1" style="width: 24%;float: left;"><a href="/static/itemindex/javascript:;">全部商品分类</a>

                    </li>
                    <li class="ul_li"><a href="/static/itemindex/javascript:;">服装城</a></li>
                    <li class="ul_li"><a href="/static/itemindex/javascript:;">美妆馆</a></li>
                    <li class="ul_li"><a href="/static/itemindex/javascript:;">超市</a></li>
                    <li class="ul_li" style="border-right: 1px solid lavender;"><a
                            href="/static/itemindex/javascript:;">生鲜</a></li>
                    <li class="ul_li"><a href="/static/itemindex/javascript:;">全球购</a></li>
                    <li class="ul_li"><a href="/static/itemindex/javascript:;">闪购</a></li>
                    <li class="ul_li" style="border-right: 1px solid lavender;"><a
                            href="/static/itemindex/javascript:;">拍卖</a></li>
                    <li class="ul_li"><a href="/static/itemindex/javascript:;">金融</a></li>
                </ul>
            </div>
        </div>
    </nav>

</div>


<div class="crumb-wrap">
    <div class="w">
        <div class="crumb">
            <div class="crumb-item">
                <a href="/static/itemindex/">手机</a>
            </div>
            <div class="crumb-item sep">></div>
            <div class="crumb-item">
                <a href="/static/itemindex/">手机通讯</a>
            </div>
            <div class="crumb-item sep">></div>
            <div class="crumb-item">
                <a href="/static/itemindex/">手机</a>
            </div>
            <div class="crumb-item sep">></div>
            <div class="crumb-item">
                <div class="crumb-item-one">
                    华为 (HUAWEI)
                    <img src="/static/itemindex/img/4a79b87a68623d4e8a73aff3e25fa99b.png" alt="" class="img"/>
                    <div class="crumb-item-two ">
                        <div class="crumb-item-con clear">
                            <ul class="con-ul">
                                <li>
                                    <img src="/static/itemindex/img/5825a5a6Nde8ecb75.jpg" alt=""/>
                                </li>
                                <li>
                                    <p>
                                        荣耀8青春版 全网通标配 3GB+32GB 幻海蓝
                                    </p>
                                    <p>
                                        ￥1099.00
                                    </p>
                                </li>
                            </ul>
                            <ul class="con-ul">
                                <li>
                                    <img src="/static/itemindex/img/5919637aN271a1301.jpg" alt=""/>
                                </li>
                                <li>
                                    <p>
                                        荣耀8青春版 全网通标配 3GB+32GB 幻海蓝
                                    </p>
                                    <p>
                                        ￥1099.00
                                    </p>
                                </li>
                            </ul>
                            <ul class="con-ul">
                                <li>
                                    <img src="/static/itemindex/img/599a806bN9d829c1c.jpg" alt=""/>
                                </li>
                                <li>
                                    <p>
                                        荣耀8青春版 全网通标配 3GB+32GB 幻海蓝
                                    </p>
                                    <p>
                                        ￥1099.00
                                    </p>
                                </li>
                            </ul>
                        </div>
                        <div class="crumb-item-cons clear">
                            <ul>
                                <li>华为(huawei)</li>
                                <li>小米(xiaomi)</li>
                                <li>APPle</li>
                                <li>魅族(meizu)</li>
                                <li>锤子</li>

                            </ul>
                            <ul>
                                <li>三星</li>
                                <li>vivo</li>
                                <li>飞利浦</li>
                                <li>360</li>
                                <li>更多>></li>

                            </ul>
                        </div>
                    </div>

                </div>

            </div>
            <div class="crumb-item sep">></div>
            <div class="crumb-item">
                华为Mate 10
            </div>
        </div>

        <div class="contact">
            <ul class="contact-ul">
                <li>
                    <a href="/static/itemindex/#">
                        华为京东自营官方旗舰店
                    </a>

                    <span class="contact-sp">
								<span class="contact-sp1">
								JD
							</span>
							<span class="contact-sp2">
								自营
							    </span>
							</span>
                </li>
                <li>
                    <a href="/static/itemindex/#">
                        <img src="/static/itemindex/img/f5831b9848b32440b381bcd30a3d96c7.png" alt=""/> 联系供应商
                    </a>
                </li>
                <li>
                    <a href="/static/itemindex/#">
                        <img src="/static/itemindex/img/81a6326edc82d343a5a8860a6970f93b.png" alt=""/> JIMI
                    </a>
                </li>
                <li>
                    <a href="/static/itemindex/#">
                        <img src="/static/itemindex/img/a400e3d61d5645459f769b00d9f431e7.png" alt=""/> 关注店铺
                    </a>
                </li>
            </ul>
            <div class="contact-one">
                <ul>
                    <li>客服</li>
                    <li><img src="/static/itemindex/img/f5831b9848b32440b381bcd30a3d96c7.png" alt=""/>留言</li>
                    <li><img src="/static/itemindex/img/81a6326edc82d343a5a8860a6970f93b.png" alt=""/>JIMI智能</li>
                    <li>
                        <img src="/static/itemindex/img/1466134037230.jpg" class="contact-img"/>
                        <p>手机下单</p>
                    </li>

                </ul>
                <div class="contact-two">
                    <span><img src="/static/itemindex/img/a400e3d61d5645459f769b00d9f431e7.png" alt=""/>进店逛逛</span>
                    <span><img src="/static/itemindex/img/a400e3d61d5645459f769b00d9f431e7.png" alt=""/>关注店铺</span>
                </div>
            </div>
        </div>

    </div>
</div>
<div class="Shop">
    <div class="box">
        <div class="box-one ">
            <div class="boxx">

                <div class="imgbox">
                    <div class="probox">
                        <!--商品默认大图-->
                        <img class="img1" alt="" th:src="${skuitem.getSkuInfo().getSkuDefaultImg()}">
                        <div class="hoverbox"></div>
                    </div>
                    <div class="showbox">
                        <img class="img1" alt="" th:src="${skuitem.getSkuInfo().getSkuDefaultImg()}">
                    </div>
                </div>

                <div class="box-lh">

                    <div class="box-lh-one">
                        <ul>
                            <li th:each="skuimage:${skuitem.getSkuImages()}"><img th:src="${skuimage.getImgUrl()}"/>
                            </li>
                        </ul>
                    </div>
                    <div id="left">
                        <
                    </div>
                    <div id="right">
                        >
                    </div>

                </div>

                <div class="boxx-one">
                    <ul>
                        <li>
									<span>
										<img src="/static/itemindex/img/b769782fe4ecca40913ad375a71cb92d.png" alt=""/>关注
									</span>
                            <span>
										<img src="/static/itemindex/img/9224fcea62bfff479a6712ba3a6b47cc.png" alt=""/>
										对比
									</span>
                        </li>
                        <li>

                        </li>
                    </ul>
                </div>

            </div>
            <div class="box-two">
                <div class="box-name" th:text="${skuitem.getSkuInfo().getSkuTitle()}">
                    商品标题
                </div>
                <div class="box-hide" th:text="${skuitem.getSkuInfo().getSkuSubtitle()}">副标题
                    <a href="/static/itemindex/"><u>超链接 </u></a>
                </div>
                <div class="box-yuyue">
                    <div class="yuyue-one">
                        <img src="/static/itemindex/img/7270ffc3baecdd448958f9f5e69cf60f.png" alt=""/> 预约抢购
                    </div>
                    <div class="yuyue-two">
                        <ul>
                            <li>
                                <img src="/static/itemindex/img/f64963b63d6e5849977ddd6afddc1db5.png"/>
                                <span>190103</span> 人预约
                            </li>
                            <li>
                                <img src="/static/itemindex/img/36860afb69afa241beeb33ae86678093.png"/> 预约剩余
                                <span id="timer">

									</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="box-summary clear">
                    <ul>
                        <li>商城价</li>
                        <li>
                            <span>￥</span>
                            <!--格式化Decimal类型数据，整数位最少1位，小数位保留2位-->
                            <span th:text="${#numbers.formatDecimal(skuitem.getSkuInfo().getPrice(),1,2)}">价格</span>
                        </li>
                        <!--如果商品确实存在秒杀活动-->
                        <li style="color: red;" th:if="${skuitem.getSecKillProductCacheTo() != null}">
                            <!--秒杀活动还没开始，预告秒杀活动-->
                            <span th:if="${#dates.createNow().getTime < skuitem.getSecKillProductCacheTo().getStartTime()}">
                                商品将会在[[${#dates.format(new
                            java.util.Date(skuitem.getSecKillProductCacheTo().getStartTime()),"yyyy-MM-dd HH:mm:ss")}]]参与秒杀</span>
                            <!--秒杀活动已经开始，直接显示秒杀价-->
                            <span th:if="${#dates.createNow().getTime >= skuitem.getSecKillProductCacheTo().getStartTime() &&
                            #dates.createNow().getTime <= skuitem.getSecKillProductCacheTo().getEndTime()}">
                                秒杀价格：￥[[${#numbers.formatDecimal(skuitem.getSecKillProductCacheTo().getSecKillProductTo().getSeckillPrice(),1,2)}]]
                            </span>
                        </li>
                        <li>
                            <a href="/static/itemindex/">
                                预约说明
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="box-wrap clear">
                    <div class="box-wrap-one clear">
                        <ul>
                            <li>增值业务</li>
                            <li><img src="/static/itemindex/img/90a6fa41d0d46b4fb0ff6907ca17c478.png"/></li>
                            <li><img src="/static/itemindex/img/2e19336b961586468ef36dc9f7199d4f.png"/></li>
                            <li><img src="/static/itemindex/img/1f80c3d6fabfd3418e54b005312c00b5.png"/></li>
                        </ul>
                    </div>
                </div>

                <div class="box-stock">
                    <ul class="box-ul">
                        <li>配送至</li>
                        <li class="box-stock-li">
                            <div class="box-stock-one">
                                北京朝阳区管庄
                                <img src="/static/itemindex/img/4a79b87a68623d4e8a73aff3e25fa99b.png" alt=""
                                     class="img"/>
                            </div>
                            <div class="box-stock-two">
                                <dl>
                                    <dt>
                                        <a>选择新地址</a>
                                        <img src="/static/itemindex/img/4a79b87a68623d4e8a73aff3e25fa99b.png" alt=""
                                             class="box-stock-two-img"/>
                                    </dt>
                                    <dd>
                                        <div class="box-stock-dd">
                                            <div class="box-stock-top">
                                                <div class="box-stock-div">北京</div>
                                                <div class="box-stock-div">朝阳区</div>
                                                <div class="box-stock-div">管庄</div>
                                            </div>
                                            <div class="box-stock-fot">
                                                <div class="box-stock-con" style="display: block;">
                                                    <ul>
                                                        <li>北京</li>
                                                        <li>上海</li>
                                                        <li>天津</li>
                                                        <li>重庆</li>
                                                    </ul>
                                                </div>
                                                <div class="box-stock-con">
                                                    <ul>
                                                        <li>朝阳区</li>
                                                        <li>海淀区</li>
                                                        <li>东城区</li>
                                                        <li>西城区</li>
                                                    </ul>
                                                </div>
                                                <div class="box-stock-con">
                                                    <ul>
                                                        <li>4环到5环之内</li>
                                                        <li>管庄</li>
                                                        <li>北苑</li>
                                                    </ul>
                                                </div>

                                            </div>
                                        </div>
                                    </dd>
                                </dl>

                            </div>

                        </li>
                        <li>
                            <span th:text="${skuitem.getHasStock()?'有货':'无货'}">是否有货</span>
                        </li>
                    </ul>
                </div>
                <div class="box-supply">
                    <ul class="box-ul">
                        <li></li>
                        <li>
                            由<span>梅梅商城</span> 发货，并提供售后服务
                        </li>
                    </ul>
                </div>
                <!--商品的销售属性-->
                <div class="box-attr-3">
                    <div class="box-attr clear" th:each="saleAttr:${skuitem.getSpuSkuSaleAttrs()}">
                        <dl>
                            <dt>选择[[${saleAttr.attrName}]]</dt>
                            <!--使用#strings.listSplit(String字符串,'分隔符')对字符串进行分割-->
                            <!--                            <dd th:each="value:${#strings.listSplit(saleAttr.getAttrValues(),',')}">-->
                            <!--修改Vo模型后就不需要分割了，本身就是列表-->
                            <dd th:each="value:${saleAttr.getAttrValues()}"
                                th:style="${#lists.contains(#strings.listSplit(value.getSkuIds(),','),skuitem.getSkuInfo().getSkuId().toString())?'border: 1px solid red':'border: 1px solid rgb(204, 204, 204)'}">
                                <!--规定一个组件属性，就是用逗号分割的skuIdString，代表拥有当前销售属性值的所有skuId-->
                                <!--回显，判断当前属性值是否是当前sku的属性值。先把skuIds拆分成列表，然后用#lists.contains()判断列表是否包含
                                    如果包含，就将class名称加上一个checked，同时修改dd的th:style将原生属性值标红-->
                                <a class="skuSaleAttrButton"
                                   th:attr="skuIds=${value.getSkuIds()},
                                            class=${#lists.contains(#strings.listSplit(value.getSkuIds(),','),skuitem.getSkuInfo().getSkuId().toString())?'skuSaleAttrButton checked':'skuSaleAttrButton'}">
                                    <!--<img src="/static/itemindex/img/59ddfcb1Nc3edb8f1.jpg"/> 摩卡金-->
                                    [[${value.attrValue}]]
                                </a>
                            </dd>
                        </dl>
                    </div>
                </div>

                <div class="box-btns clear">
                    <div class="box-btns-one">
                        <input type="text" name="" id="ItemNum-input" value="1"/>
                        <div class="box-btns-one1">

                            <div>
                                <button id="jia">
                                    +
                                </button>
                            </div>
                            <div>
                                <button id="jian">
                                    -
                                </button>
                            </div>

                        </div>
                    </div>
                    <div class="box-btns-two" th:if="${skuitem.getSecKillProductCacheTo() != null &&
                    (#dates.createNow().getTime >= skuitem.getSecKillProductCacheTo().getStartTime()) &&
                            #dates.createNow().getTime <= skuitem.getSecKillProductCacheTo().getEndTime()}">
                        <a id="secToKill"
                           th:attr="skuId=${skuitem.getSkuInfo().getSkuId()},
                           sessionProId = ${skuitem.getSecKillProductCacheTo().getSecKillProductTo().getId()},
                           randomCode = ${skuitem.getSecKillProductCacheTo().getRandomCode()}">
                            立即秒杀
                        </a>
                    </div>
                    <div class="box-btns-two" th:if="${skuitem.getSecKillProductCacheTo() == null ||
                    (#dates.createNow().getTime < skuitem.getSecKillProductCacheTo().getStartTime() &&
                            #dates.createNow().getTime > skuitem.getSecKillProductCacheTo().getEndTime())}">
                        <a id="addToCart" th:attr="skuId=${skuitem.getSkuInfo().getSkuId()}, hasStock=${skuitem.getHasStock()}">
                            加入购物车
                        </a>
                    </div>
                    <div class="box-btns-three">
                        <img src="/static/itemindex/img/e4ed3606843f664591ff1f68f7fda12d.png" alt=""/> 分享
                    </div>
                </div>

                <div class="box-footer-zo">
                    <div class="box-footer clear">
                        <dl>
                            <dt>本地活动</dt>
                            <dd>
                                <a href="/static/itemindex/">
                                    ·1元500MB激活到账30元 >>
                                </a>
                            </dd>
                        </dl>
                    </div>

                    <div class="box-footer">
                        <dl>
                            <dt>温馨提示</dt>
                            <dd>·本商品不能使用 东券 京券</dd>
                            <dd>·请完成预约后及时抢购！</dd>
                        </dl>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <!--欲约抢购流程-->
    <div class="qianggoulioucheng">
        <div class="lioucheng">
            <h3>欲约抢购流程</h3>
        </div>
        <!--抢购步骤-->
        <ul class="qianggoubuzhao">
            <li>
                <img src="/static/itemindex/img/shop_03.png"/>
                <dl class="buzhou">
                    <dt>1.等待预约</dt>
                    <dl>预约即将开始</dl>
                </dl>
            </li>
            <li>
                <img src="/static/itemindex/img/shop_04.png"/>
                <dl class="buzhou">
                    <dt>2.预约中</dt>
                    <dl>2017-11-15 10:35 2017-11-15 23:59</dl>
                </dl>
            </li>
            <li>
                <img src="/static/itemindex/img/shop_05.png"/>
                <dl class="buzhou">
                    <dt>3.等待抢购</dt>
                    <dl>抢购即将开始</dl>
                </dl>
            </li>
            <li>
                <img src="/static/itemindex/img/shop_06.png"/>
                <dl class="buzhou">
                    <dt>4.抢购中</dt>
                    <dl></dl>
                </dl>
            </li>
        </ul>
    </div>

    <div class="ShopXiangqing">
        <div class="allLeft">
            <!--火热预约-->
            <div class="huoreyuyue">
                <h3>火热预约</h3>
            </div>
            <div class="dangeshopxingqing">
                <ul class="shopdange">
                    <li>
                        <a href="/static/itemindex/##"><img src="/static/itemindex/img/5a0afeddNb34732af.jpg"/></a>
                        <p>
                            <a href="/static/itemindex/##">OPPO R11s Plus 双卡双待全面屏拍照手机香槟色 全网通(6G RAM+64G ROM)标配</a>
                        </p>
                        <p><strong class="J-p-20015341974">￥3699.00</strong></p>
                    </li>
                    <li>
                        <a href="/static/itemindex/##"><img src="/static/itemindex/img/5a12873eN41754123.jpg"/></a>
                        <p>
                            <a target="_blank" title="詹姆士（GEMRY） R19plus全网通4G 智能手机 双卡双待 6+128GB 鳄鱼纹雅致版（新品预约）"
                               href="/static/itemindex///item.jd.com/20348283521.html">詹姆士（GEMRY） R19plus全网通4G 智能手机 双卡双待
                                6+128GB 鳄鱼纹雅致版（新品预约）</a>
                        </p>
                        <p><strong class="J-p-20348283521">￥13999.00</strong></p>
                    </li>
                    <li>
                        <a href="/static/itemindex/##"><img src="/static/itemindex/img/59ec0131Nf239df75.jpg"/></a>
                        <p>
                            <a target="_blank" title="斐纳（TOMEFON） 德国家用无线无绳手持立式充电吸尘器 静音大吸力吸尘器TF-X60"
                               href="/static/itemindex///item.jd.com/16683419775.html">斐纳（TOMEFON） 德国家用无线无绳手持立式充电吸尘器
                                静音大吸力吸尘器TF-X60</a>
                        </p>
                        <p><strong class="J-p-16683419775">￥1599.00</strong></p>
                    </li>
                    <li>
                        <a href="/static/itemindex/##"><img src="/static/itemindex/img/59015444N27317512.jpg"/></a>
                        <p>
                            <a target="_blank" title="斐纳（TOMEFON） 扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金"
                               href="/static/itemindex///item.jd.com/12187770381.html">斐纳（TOMEFON）
                                扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金</a>
                        </p>
                        <p><strong class="J-p-12187770381">￥2599.00</strong></p>
                    </li>
                </ul>
            </div>
            <!--看了又看-->
            <div class="huoreyuyue">
                <h3>看了又看</h3>
            </div>
            <div class="dangeshopxingqing">
                <ul class="shopdange">
                    <li>
                        <a href="/static/itemindex/##"><img src="/static/itemindex/img/59e55e01N369f98f2.jpg"/></a>
                        <p>
                            <a target="_blank" title="华为（HUAWEI） 华为 Mate10 4G手机  双卡双待 亮黑色 全网通(6GB RAM+128GB ROM)"
                               href="/static/itemindex///item.jd.com/17931625443.html">华为（HUAWEI） 华为 Mate10 4G手机 双卡双待
                                亮黑色 全网通(6GB RAM+128GB ROM)</a>
                        <p><strong class="J-p-17931625443">￥4766.00</strong></p>
                    </li>
                    <li>
                        <a href="/static/itemindex/##"><img src="/static/itemindex/img/584fcc3eNdb0ab94c.jpg"/></a>
                        <p>
                            <a target="_blank" title="华为 Mate 9 Pro 6GB+128GB版 琥珀金 移动联通电信4G手机 双卡双待"
                               href="/static/itemindex///item.jd.com/3749093.html">华为 Mate 9 Pro 6GB+128GB版 琥珀金
                                移动联通电信4G手机 双卡双待</a>
                        </p>
                        <p><strong class="J-p-3749093">￥4899.00</strong></p>
                    </li>
                    <li>
                        <!--shopjieshao-->
                        <a href="/static/itemindex/##"><img src="/static/itemindex/img/59eb0df9Nd66d7585.jpg"/></a>
                        <p>
                            <a target="_blank" title="华为（HUAWEI） 华为 Mate10 手机 亮黑色 全网通(4+64G)标准版"
                               href="/static/itemindex///item.jd.com/12306211773.html">华为（HUAWEI） 华为 Mate10 手机 亮黑色
                                全网通(4+64G)标准版</a>
                        </p>
                        <p><strong class="J-p-12306211773">￥4088.00</strong></p>
                    </li>
                    <li>
                        <a href="/static/itemindex/##"><img src="/static/itemindex/img/5a002ba3N126c2f73.jpg"/></a>
                        <p>
                            <a target="_blank" title="斐纳（TOMEFON） 扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金"
                               href="/static/itemindex///item.jd.com/12187770381.html">斐纳（TOMEFON）
                                扫地机器人德国智能导航规划全自动超薄扫地机器人吸尘器TF-D60 香槟金</a>
                        </p>
                        <p><strong class="J-p-12187770381">￥2599.00</strong></p>
                    </li>
                </ul>
                <img src="/static/itemindex/img/5a084a1aNa1aa0a71.jpg"/>
            </div>
        </div>
        <!--商品介绍-->
        <div class="allquanbushop">
            <ul class="shopjieshao">
                <li class="jieshoa" style="background: #e4393c;">
                    <a style="color: white;">商品介绍</a>
                </li>
                <li class="baozhuang">
                    <a>规格与包装</a>
                </li>
                <li class="baozhang">
                    <a>售后保障</a>
                </li>
                <li class="pingjia">
                    <a>商品评价(4万+)</a>
                </li>
                <li class="shuoming">
                    <a>预约说明</a>
                </li>

            </ul>
            <button class="Lijiyuyuessss">
                立即预约
            </button>
            <ul class="shopjieshaos posi" style="display: none;">
                <li class="jieshoa" style="background: #e4393c;">
                    <a style="color: white;">商品介绍</a>
                </li>
                <li class="baozhuang">
                    <a>规格与包装</a>
                </li>
                <li class="baozhang">
                    <a>售后保障</a>
                </li>
                <li class="pingjia">
                    <a>商品评价(4万+)</a>
                </li>
                <li class="shuoming">
                    <a>预约说明</a>
                </li>
            </ul>

            <!--商品详情-->
            <div class="huawei">
                <ul class="xuanxiangka">
                    <li class="jieshoa actives" id="li1">
                        <div class="shanpinsssss">
                            <!--                            <p>-->
                            <!--                                <a href="/static/itemindex/#">品牌:华为（HUAWEI）</a>-->
                            <!--                            </p>-->
                            <!--                            <table>-->
                            <!--                                <tr>-->
                            <!--                                    <td>-->
                            <!--                                        <a href="/static/itemindex/##">商品名称：华为Mate 10</a>-->
                            <!--                                    </td>-->
                            <!--                                    <td>-->
                            <!--                                        <a href="/static/itemindex/##">商品毛重：0.58kg</a>-->
                            <!--                                    </td>-->
                            <!--                                    <td>-->
                            <!--                                        <a href="/static/itemindex/##">商品编号：5544038</a>-->
                            <!--                                    </td>-->
                            <!--                                    <td>-->
                            <!--                                        <a href="/static/itemindex/##">商品产地：中国大陆</a>-->
                            <!--                                    </td>-->
                            <!--                                </tr>-->
                            <!--                                <tr>-->
                            <!--                                    <td>-->
                            <!--                                        <a href="/static/itemindex/##">系统：安卓（Android）</a>-->
                            <!--                                    </td>-->
                            <!--                                    <td>-->
                            <!--                                        <a href="/static/itemindex/##">前置摄像头像素：800万-1599万</a>-->
                            <!--                                    </td>-->
                            <!--                                    <td>-->
                            <!--                                        <a href="/static/itemindex/##">后置摄像头像素：2000万及以上，1200万-1999万</a>-->
                            <!--                                    </td>-->
                            <!--                                    <td>-->
                            <!--                                        <a href="/static/itemindex/##">机身内存：128GB</a>-->
                            <!--                                    </td>-->
                            <!--                                </tr>-->
                            <!--                                <tr>-->
                            <!--                                    <td colspan="4">-->
                            <!--                                        <a href="/static/itemindex/##">全面屏，双卡双待，指纹识别，Type-C，VoLTE，2K屏，拍照神器，支持NFC，商务手机，安全手机，分辨率10</a>-->
                            <!--                                    </td>-->
                            <!--                                </tr>-->
                            <!--                            </table>-->
                            <img class="xiaoguo"
                                 th:each="image:${#strings.listSplit(skuitem.getSpuInfoDesc().getDecript(),',')}"
                                 th:src="${image}"/>
                        </div>
                    </li>
                    <li class="baozhuang actives" id="li2">
                        <div class="guiGebox">
                            <div class="guiGe" th:each="group:${skuitem.getSpuBaseAttrGroups()}">
                                <h3 th:text="${group.getAttrGroupName()}">基础属性分组名称</h3>
                                <dl>
                                    <div th:each="value:${group.getAttrGroupValues()}">
                                        <dt th:text="${value.getAttrName()}">属性名称</dt>
                                        <dd th:text="${value.getAttrValue()}">属性值</dd>
                                    </div>

                                    <!--                                    <dt>入网型号</dt>-->
                                    <!--                                    <dd class="Ptable-tips">-->
                                    <!--                                        <a href="/static/itemindex/#"><i>？</i></a>-->
                                    <!--                                    </dd>-->
                                    <!--                                    <dd>ALP-AL00</dd>-->
                                    <!--                                    <dt>上市年份</dt>-->
                                    <!--                                    <dd>2017年</dd>-->
                                    <!--                                    <dt>上市时间</dt>-->
                                    <!--                                    <dd>10月</dd>-->
                                </dl>
                            </div>
                            <div class="package-list">
                                <h3>包装清单</h3>
                                <p>手机（含内置电池） X 1、5A大电流华为SuperCharge充电器X 1、5A USB数据线 X 1、半入耳式线控耳机 X 1、快速指南X 1、三包凭证 X
                                    1、取卡针 X 1、保护壳 X 1</p>
                            </div>
                        </div>
                    </li>
                    <!--包装-->
                    <li class="baozhang actives" id="li3">
                        <div class="oBox">
                            <div class="shuoHou">
                                <div class="baoZhang">
                                    <h2>售后保障</h2>
                                </div>
                            </div>
                            <!--厂家服务-->
                            <div class="changJia">
                                <div class="lianBao">
				<span class="oImg">
					<img src="/static/itemindex/img/2017.jpg" alt=""/>
					<h3>厂家服务</h3>
				</span>
                                    <div class="wenZi">
                                        本产品全国联保，享受三包服务，质保期为：一年保<br/>
                                        如因质量问题或故障，凭厂商维修中心或特约维修点的质量检测证明，享受7日内退货，15日内换货，15日以上在保质期内享受免费保修等安保服务！<br/>
                                        (注：如厂家在商品介绍中有售后保障的说明，则此商品按照厂家说明执行售后保障服务。)您可以查询本品牌在各地售后服务中心的练习方式<a
                                            href="/static/itemindex/#">请点击这儿查询...</a><br/><br/>
                                    </div>
                                </div>
                                <div class="lianBao oCn">
				<span class="oImg">
					<img src="/static/itemindex/img/2017.jpg" alt=""/>
					<h3>京东承诺</h3>
				</span>
                                    <div class="wenZi">
                                        本产品全国联保，享受三包服务，质保期为：一年保<br/>
                                        如因质量问题或故障，凭厂商维修中心或特约维修点的质量检测证明，享受7日内退货，15日内换货，15日以上在保质期内享受免费保修等安保服务！<br/>
                                        (注：如厂家在商品介绍中有售后保障的说明，则此商品按照厂家说明执行售后保障服务。)您可以查询本品牌在各地售后服务中心的练习方式<a
                                            href="/static/itemindex/#">请点击这儿查询...</a><br/><br/><br/>
                                    </div>
                                </div>

                                <div class="lianBao ">
				<span class="oImg">
					<img src="/static/itemindex/img/2017.jpg" alt=""/>
					<h3>正品行货</h3>
				</span>
                                    <div class="wenZi hangHuo">
                                        京东商城向您保证所售商品均为正品行货，京东自营商品开具机打发票或电子发票。
                                    </div>
                                </div>
                                <div class="lianBao quanGuo">
				<span class="oImg">
					<img src="/static/itemindex/img/2017-1.jpg" alt=""/>
					<h3>全国联保</h3>
				</span>
                                    <div class="wenZi">
                                        凭质保证书及京东商城发票，可享受全国联保服务（奢侈品、钟表除外；奢侈品、钟表由京东联系保修，享受法定三包售后服务），与您亲临商场选购的商品享受相同的质量保证。京东商城还为您提供具有竞争力的商品价格和运费政策，请您放心购买！
                                        <br/>

                                        注：因厂家会在没有任何提前通知的情况下更改产品包装、产地或者一些附件，本司不能确保客户收到的货物与商城图片、产地、附件说明完全一致。只能确保为原厂正货！并且保证与当时市场上同样主流新品一致。若本商城没有及时更新，请大家谅解！
                                    </div>
                                </div>
                                <!--权利声明-->
                                <div class="quanLi">
                                    <h4>权利声明:</h4>
                                    <div class="jingDong">
                                        京东上的所有商品信息、客户评价、商品咨询、网友讨论等内容，是京东重要的经营资源，未经许可，禁止非法转载使用。<br/>
                                        <span class="oZhu">注</span>：本站商品信息均来自于合作方，其真实性、准确性和合法性由信息拥有者（合作方）负责。本站不提供任何保证，并不承担任何法律责任。
                                    </div>
                                </div>
                                <div class="quanLi jiaGe">
                                    <h4>价格说明:</h4>
                                    <div class="jingDong">
                                        <span class="oZhu">京东价</span>：京东价为商品的销售价，是您最终决定是否购买商品的依据。<br/>
                                        <span class="oZhu">划线价</span>：商品展示的划横线价格为参考价，该价格可能是品牌专柜标价、商品吊牌价或由品牌供应商提供的正品零售价（如厂商指导价、建议零售价等）或该商品在京东平台上曾经展示过的销售价；由于地区、时间的差异性和市场行情波动，品牌专柜标价、商品吊牌价等可能会与您购物时展示的不一致，该价格仅供您参考。<br/>
                                        <span class="oZhu">折扣</span>：如无特殊说明，折扣指销售商在原价、或划线价（如品牌专柜标价、商品吊牌价、厂商指导价、厂商建议零售价）等某一价格基础上计算出的优惠比例或优惠金额；如有疑问，您可在购买前联系销售商进行咨询。<br/>
                                        <span class="oZhu">异常问题</span>：商品促销信息以商品详情页“促销”栏中的信息为准；商品的具体售价以订单结算页价格为准；如您发现活动商品售价或促销信息有异常，建议购买前先联系销售商咨询。
                                    </div>
                                </div>
                            </div>


                        </div>
                    </li>
                    <!--评价-->
                    <li class="PINgjia actives" id="li4">
                        <div class="h3">
                            <h3>商品评价</h3>
                        </div>
                        <div class="nav">
                            <div class="left">
                                <p class="haoping">好评度</p>
                                <p><span>100%</span></p>
                            </div>
                            <div class="right">
                                <ul>
                                    <li>
                                        <a href="/static/itemindex/##">就是快（424）</a>
                                    </li>
                                    <li>
                                        <a href="/static/itemindex/##">物流很快（254） </a>
                                    </li>
                                    <li>
                                        <a href="/static/itemindex/##">货真价实（168）</a>
                                    </li>
                                    <li>
                                        <a href="/static/itemindex/##">有档次（158）</a>
                                    </li>
                                    <li>
                                        <a href="/static/itemindex/##">国产品牌（133）</a>
                                    </li>
                                    <li>
                                        <a href="/static/itemindex/##">外形美观（103）</a>
                                    </li>
                                    <li>
                                        <a href="/static/itemindex/##">很给力（75）</a>
                                    </li>
                                    <li>
                                        <a href="/static/itemindex/##">反应灵敏（68）</a>
                                    </li>
                                    <li>
                                        <a href="/static/itemindex/##">性价比高（60）</a>
                                    </li>
                                    <li>
                                        <a href="/static/itemindex/##">价格优惠（50）</a>
                                    </li>
                                    <li>
                                        <a href="/static/itemindex/##">功能齐全（49）</a>
                                    </li>
                                    <li style="background: gainsboro;">
                                        <a href="/static/itemindex/##">速度太慢（5）</a>
                                </ul>
                            </div>
                        </div>
                        <!--全部评价-->
                        <div class="allpingjia">
                            <ul>
                                <li><a href="/static/itemindex/##">全部评价（4.2万）</a></li>
                                <li><a href="/static/itemindex/##">晒图（500）</a></li>
                                <li><a href="/static/itemindex/##">追拼（200+）</a></li>
                                <li><a href="/static/itemindex/##">好评（4.1万）</a></li>
                                <li><a href="/static/itemindex/##">中评（100+）</a></li>
                                <li><a href="/static/itemindex/##">差评（100+）</a></li>
                                <li><a href="/static/itemindex/##"><input type="checkbox"/>只看当前商品价格</a></li>
                                <li class="imga" style="float: right;"><a href="/static/itemindex/##">推荐排序 <img
                                        src="/static/itemindex/img/animaite.png"/> </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="shuoming actives" id="li5"></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="headera">
    <div class="Logo-tu">
        <span><img src="/static/itemindex/img/service_items_1.png"/></span>
        <span><img src="/static/itemindex/img/service_items_2.png"/></span>
        <span><img src="/static/itemindex/img/service_items_3.png"/></span>
        <span><img src="/static/itemindex/img/service_items_4.png"/></span>
    </div>
    <div class="table">
        <dl>
            <dt><a href="/static/itemindex/##">购物指南</a></dt>
            <dd>
                <a href="/static/itemindex/##">购物流程</a>
            </dd>
            <dd>
                <a href="/static/itemindex/##">会员介绍</a>
            </dd>
            <dd>
                <a href="/static/itemindex/##">生活旅行/团购</a>
            </dd>
            <dd>
                <a href="/static/itemindex/##">常见问题</a>
            </dd>
            <dd>
                <a href="/static/itemindex/##">大家电</a>
            </dd>
            <dd>
                <a href="/static/itemindex/##">练习客服</a>
            </dd>
        </dl>
        <dl>
            <dt><a href="/static/itemindex/##">配送方式</a></dt>
            <dd>
                <a href="/static/itemindex/##">上门自提</a>
            </dd>
            <dd>
                <a href="/static/itemindex/##">211限时达</a>
            </dd>
            <dd>
                <a href="/static/itemindex/##">配送服务查询</a>
            </dd>
            <dd>
                <a href="/static/itemindex/##"></a>
            </dd>
            <dd>
                <a href="/static/itemindex/##">海外配送</a>
            </dd>
            <dd></dd>
        </dl>
        <dl>
            <dt><a href="/static/itemindex/##">支付方式</a></dt>
            <dd>
                <a href="/static/itemindex/##">货到付款</a>
            </dd>
            <dd>
                <a href="/static/itemindex/##">在线支付</a>
            </dd>
            <dd>
                <a href="/static/itemindex/##">分期付款</a>
            </dd>
            <dd>
                <a href="/static/itemindex/##">邮局汇款</a>
            </dd>
            <dd>
                <a href="/static/itemindex/##">公司转账</a>
            </dd>
            <dd></dd>
        </dl>
        <dl>
            <dt><a href="/static/itemindex/##">售后服务</a></dt>
            <dd>
                <a href="/static/itemindex/##">售后政策</a>
            </dd>
            <dd>
                <a href="/static/itemindex/##">价格保护</a>
            </dd>
            <dd>
                <a href="/static/itemindex/##">退款说明</a>
            </dd>
            <dd>
                <a href="/static/itemindex/##">返修/退换货</a>
            </dd>
            <dd>
                <a href="/static/itemindex/##">取消订单</a>
            </dd>
            <dd></dd>
        </dl>
        <dl class="dls">
            <dt><a href="/static/itemindex/##">特色服务</a></dt>
            <dd>
                <a href="/static/itemindex/##">夺宝岛</a>
            </dd>
            <dd>
                <a href="/static/itemindex/##">DIY装机</a>
            </dd>
            <dd>
                <a href="/static/itemindex/##">延保服务</a>
            </dd>
            <dd>
                <a href="/static/itemindex/##">京东E卡</a>
            </dd>
            <dd>
                <a href="/static/itemindex/##">京东通信</a>
            </dd>
            <dd>
                <a href="/static/itemindex/##">京东JD+</a>
            </dd>
        </dl>
    </div>
    <!--关于我们-->
    <div class="guanyuwomen">
        <ul>
            <li>
                <a href="/static/itemindex/##">关于我们</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/itemindex/##">联系我们</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/itemindex/##">联系客服</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/itemindex/##">合作招商</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/itemindex/##">商家帮助</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/itemindex/##">营销中心</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/itemindex/##">手机京东</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/itemindex/##">友情链接</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/itemindex/##">销售联盟</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/itemindex/##">京东社区</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/itemindex/##">风险检测</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/itemindex/##">隐私政策</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/itemindex/##">京东公益</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/itemindex/##">English Site</a>
            </li>
            <li>|</li>
            <li>
                <a href="/static/itemindex/##">Mdeila $ IR</a>
            </li>
        </ul>
    </div>
    <!--jieshoa-->
    <p class="p1"><img src="/static/itemindex/img/56a0a994Nf1b662dc.png"/>
        <a href="/static/itemindex/##"> 京公网安备 11000002000088号</a>|
        <a href="/static/itemindex/##"> 京ICP证070359号</a>|
        <a href="/static/itemindex/##"> 互联网药品信息服务资格证编号(京)-经营性-2014-0008 </a>|
        <a href="/static/itemindex/##">新出发京零 字第大120007号</a>
    </p>
    <p class="p1">
        <a href="/static/itemindex/##"> 互联网出版许可证编号新出网证(京)字150号</a>|
        <a href="/static/itemindex/##"> 出版物经营许可证</a>|
        <a href="/static/itemindex/##"> 网络文化经营许可证京网文 </a>|
        <a href="/static/itemindex/##">[2014]2148-348号 </a>|
        <a href="/static/itemindex/##"> 违法和不良信息举报电话 </a>|
        <a href="/static/itemindex/##">：4006561155 </a>
    </p>
    <p class="p1">
        <a href="/static/itemindex/##"> Copyright © 2004-2017 京东JD.com 版权所有</a>|
        <a href="/static/itemindex/##"> 消费者维权热线：4006067733 经营证照</a>|
    </p>
    <p class="p1">
        <a href="/static/itemindex/##"> 京东旗下网站：京东支付</a>|
        <a href="/static/itemindex/##"> 京东云</a>
    </p>
    <p class="p3">
        <img src="/static/itemindex/img/54b8871eNa9a7067e.png"/>
        <img src="/static/itemindex/img/54b8872dNe37a9860.png"/>
        <img src="/static/itemindex/img/54b8875fNad1e0c4c.png"/>
        <img src="/static/itemindex/img/5698dc03N23f2e3b8.jpg"/>
        <img src="/static/itemindex/img/5698dc16Nb2ab99df.jpg"/>
        <img src="/static/itemindex/img/56a89b8fNfbaade9a.jpg"/>
    </p>
</div>
<div class="Fixedbian">
    <ul>
        <li class="li1"><a class="aaa" href="/static/itemindex/##">顶部</a></li>
    </ul>
</div>
<div class="gouwuchexiaguo">
    <img src="/static/itemindex/img/44.png"/>
    <span>购物车还没有商品，赶紧选购吧！</span>
</div>
</body>

<script src="/static/itemindex/js/jquery1.9.js" type="text/javascript" charset="utf-8"></script>
<script src="/static/itemindex/js/js.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript"></script>
<script>
    $(".skuSaleAttrButton").click(function () {
        var skuIdsList = new Array();  // 数组，元素还是数组。每个元素对应一个销售属性值的skuIds
        // 每当点击一个销售属性值时，为这个值的class加上clicked标志，并取消同一销售属性其他值的checked
        $(this).addClass("clicked");  // 为当前点击的销售属性值加clicked
        // 值按钮向上找两级，就能找到销售属性级(值-按钮样式-销售属性)，用find()找到该级下的某个class，把其中所有的checked取消
        $(this).parent().parent().find(".skuSaleAttrButton").removeClass("checked");
        skuIdsList.push($(this).attr("skuIds").split(","));  // 获取当前点击的销售属性值的skuIds
        $("a[class='skuSaleAttrButton checked']").each(function () {
            skuIdsList.push($(this).attr("skuIds").split(","));
        });
        // 应该将这个值的skuIds和其他销售属性中带有check的值的skuIds做交集
        var filterSkuId = skuIdsList[0];
        for (var i = 1; i < skuIdsList.length; i++) {
            filterSkuId = $(filterSkuId).filter(skuIdsList[i]);
        }
        // 当可以唯一确定某个skuId时，就跳转到这个skuId
        location.href = "http://item.meimeistore.com/" + filterSkuId[0] + ".html";
    });

    // 非秒杀商品加入购物车点击方法
    $("#addToCart").click(function () {
        var skuId = $(this).attr("skuId");
        var hasStock = $(this).attr("hasStock");
        var ItemNum = $("#ItemNum-input").val();
        location.href = "http://cart.meimeistore.com/addToCart?skuId=" + skuId + "&num=" + ItemNum + "&hasStock=" + hasStock;
    });

    // 秒杀商品进行抢购点击方法
    $("#secToKill").click(function () {
        var isLogin = [[${session.loginUser!=null}]];  // 如果登录，则不为空返回真，isLogin就是真
        if (isLogin) {
            var skuId = $(this).attr("skuId");
            var sessionProId = $(this).attr("sessionProId");
            var randomCode = $(this).attr("randomCode");
            var ItemNum = $("#ItemNum-input").val();
            $.ajax({
                url: "http://seckill.meimeistore.com/seckillPro?sessionProId=" + sessionProId +
                    "&randomCode=" + randomCode +
                    "&skuId=" + skuId +
                    "&num=" + ItemNum,
                async: false,
                xhrFields : {
                    withCredentials: true
                },
                crossDomain: true,
                success: function (data) {
                    if (data.code == 0) {
                        alert("秒杀成功，订单号" + data.orderSn + "请等待系统创建订单后支付");
                        e.preventDefault();
                        return;
                    } else if (data.code != 0) {
                        alert(data.msg);
                        e.preventDefault();
                        return;
                    }
                }
            });
        } else {
            alert("您必须登录才能参与秒杀商品购买");
        }
    });


</script>
</html>
